<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
    <strong>hello Nagisa</strong></br>
    <img src="./Nagisa.png" alt="图片加载失败" title="关注米汀谢谢喵" 
    width="280px" height="180px" border="1px">
    <!-- px是像素 像素越大图片越大 -->
    <!-- <strong>strong 加粗</strong><br>
    <b>b 加粗</b><br>
    <em>倾斜</em><br>
    <i>倾斜</i><br>
    <del>删除线</del><br>
    <s>删除线</s><br>
    <ins>下划线</ins><br>
    <u>下划线</u><br> -->
    <!-- <p>css中的1px并不等于设备的1px
在css中我们一般使用px作为单位,在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像
素,这可能会造成我们的一个错觉,那就是CSS中的像素就是设备的物理像素。但实际情况却并非如此,CSS
中的像素只是一个抽象的单位,在不同的设备或不同的环境中,css中的1px所代表的设备物理像素是不同
的。在为桌面浏览器设计的网页中,我们无需对这个津津计较,但在移动设备上,必须弄明白这点。在早先的
移动设备中,屏幕像素密度都比较低,如iphone3,它的分辨率为320x480,在iphone3上,一个css像素确
实是等于一个屏幕物理像素的。后来随着技术的发展,移动设备备的屏幕像素密度越来越高,从iphone4开始,
苹果公司便推出了所谓的Retina屏,分辨率提高了一倍,变成640x960,但屏幕尺寸却没变化,这就意味着
同样大小的屏幕上,像素却多了一倍,这时,一个CSS像素是等于两个物理像素的。其他品牌的移动设备也是
这个道理。例如安卓设备根据屏幕像素密度可分为ldpi、mdpi、hdpi、xhdpi等不同的等级,分辨率也是五
花八门,安卓设备上的一个CSS像素相当于多少个屏幕物理像素,也因设备的不同而不同,没有一个定论。<br>
还有一个因素也会引起css中px的变化,那就是用户缩放。例如0,当用户把页面放大一倍,那么css中
1px所代表的物理像素也会增加一倍;反之把页面缩小一倍,css中1px所代表的物理像素也会减少一倍。关于
这点,在文章后面的部分还会讲到。</p>

在移动端浏览器中以及某些桌面浏览器中,window
    对象有一个devicepixelRatio属性,</br>它的官方的
定义为:设备物理像素和设备独立像素的比例,也就是devicePixelRatio=物理像素独立像素。css中的px就可以看做是设、
备的独立像素,所以通过devicePixelRatio,我们可以知道该设备上一个css像素代表多少个物理像素。例如,在Retina屏的
iphone上,devicePixelRatio的值为2,也就是说1个css像素相当于2个物理像素。但是要注意的是,devicePixelRatio在不
同的浏览器中还存在些许的兼容性问题,所以我们现在还并不能完全信赖这个东西,具体的情况可以看下这篇文章。</p> -->
     <!-- 这是内容
     <h1>hello world</h1>
     <h2>hello world</h2>
     <h3>hello world</h3>
     <h4>hello world</h4>
     <h5>hello world</h5>
     <h6>hello world</h6> -->
</body>
</html>


<!-- <html>
    <head>
       <title>
           页面标题
       </title>
    </head>
    <body>
        页面内容
        ddds
        ssss
    </body>
</html> -->